<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>6-js 函数</title>
  </head>
  <body>
    <h1>6-js 函数</h1>
    <p>函数简单的理解就是一段可重复使用的代码。</p>
    <p>
      说人话就是：封装的函数是裁剪好的卡片，如五角星，可以拿来画五角星。换颜色=换参数，换形状=换函数。
    </p>

    <script>
      // 函数的声明
      function fn() {
        // console.log("我是函数");
        var x =  "调用"
        return x
      }
      // 函数的调用
      console.log('调用1',fn());
      console.log('调用2',fn());
      
      

      // 带参数的函数
      function fn2(a, b) {
        console.log( '30，带参数的函数',a + b);
      }
      fn2(2, 5);
      fn2(9, 15);

      // 带返回值的函数
      function fn3(a, b) {
        return a + b;
      }
      console.log(fn3(3, 6));

      // 函数有独自的作用域
      var num = 10;
      function fn4() {
        var num = 20;
        console.log(num);
      }
      fn4();

      // 函数套函数
      function fn5() {
        console.log("45，函数套函数");
      }
      function fn6() {
        fn5();
      }
      fn6();

      // 函数内的函数
      function fn7() {
        function fn8() {
          console.log("55，函数内的函数");
        }
        fn8();
      }
      fn7();

    </script>
  </body>
</html>
